<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<title>填写资料-用户注册</title>
<link rel="icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://static.test.com/style/v1/base.css" />
<style type="text/css">

/* popup */
.popup_box2{#zoom:normal;background-color:#fff;border:2px solid #6B97C1;font-size:12px;display:none;position:absolute;z-index:10000;}
.popup_box2 .box_title {#zoom:normal; background-color:#8BACD0; border-bottom:1px solid #6B97C1; height: 27px;line-height:27px;}
.popup_box2 .box_title h2{float:left;padding:0 0 0 10px;margin:0;font-weight:bold;color:#FFF;}
.popup_box2 .box_title a{float:right;margin:5px 8px 0 0;width:17px;height:16px;overflow:hidden;background:url("http://static.test.com/style/v1/images/common/popup_close.gif") 0 0 no-repeat;text-indent:-9999px;cursor:pointer;}
.popup_box2 .box_title a:hover{background-position:0 -20px;}
.popup_box2 .box_body{overflow:hidden;}
.popup_box2 .box_action{#zoom:normal;background-color: #F6F6F6;border-top:1px solid #DADEE5;height:40px; text-align:right;}

select{ margin: 5px 0;}







</style>
</head>
<body>
<!--
<div class="popup_box2" style="left:900px; top:200px; display:block;width:400px;">
	<div class="box_title"><a title="关闭" href="javascript:{}">关闭</a><h2>添加好友</h2></div>
    <div class="box_body" style="width:400px; height:300px;"></div>
    <div class="box_action"><a href="javascript:void(0);" class="button_cancel" style="margin:10px 20px 0 0;"><em>取消</em></a></div>
</div>
-->

<!--
        <div class="dialog_body"></div>
        <div class="dialog_action"><a href="javascript:void(0);" class="button_cancel" style="margin:10px 20px 0 0;"><em>取消</em></a></div>
-->
<div class="popup_dialog" style="left:500px; top:600px; display:none1;">
	<div class="bg_iframe" style="width:414px; height:314px;"><iframe src="about:blank"></iframe></div>
    <div class="dialog_wrap" style="width:400px;">
    	<div class="dialog_title"><span>添加好友</span><a title="关闭" href="javascript:{}">关闭</a></div>
        <div class="dialog_body_wrap"></div>
    </div>
</div>



<table border="0" align="center" cellpadding="2" cellspacing="0">
  <tr>
    <td style="background:url(1.png) ; width:1400px; height:1500px;">
    <a href="javascript:{};" id="a_popup">弹出框</a>
    <!--

    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>    
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
    <select name="select" id="select" style="width:100%;">
    </select>
        -->

    
    </td>
  </tr>
</table>

<script type="text/javascript" src="http://static.test.com/js/loader.js"></script>
<script type="text/javascript">
loader.load('module!jquery', function(){
	loader.load(['module!drag', 'module!popup'], function(){
		$('#a_popup').click(function(){
			var login = new web.Popup({id:'user_login', title:'会员登录', width:300, height:250, body:{type:'iframe', val:'http://threedubmedia.com/code/event/drag/demo/axis'}, 
				onload: function(){
					var _class = this;
					this.getBodyElement('.button_cancel').click(function(){
						_class.hide();
						return false;
					})
				}});
			login.show();
		});
	});

});
</script>

</body>
</html>
